
<template>
    <!-- 写法一: 一个一个属性添加 -->
    <Navbar my-title="首页" left="返回" right="首页" center="居中"></Navbar>
     <!--在组件上可以添加自定义属性,子组件使用props接收  -->

     <!-- 写法二: 使用v-bind='{}'一次性添加多个 v-bind绑定一个对象,也可以在data()中定义,这里直接写对象名 -->
    <Navbar v-bind="{
        'my-title': '主页',  //注意中划线接收时需要用小驼峰接收
        'left': '返回上一级',
        'right': '下一级',
    }"></Navbar>

</template>
<script>
import Navbar from './components/Navbar.vue';
export default {
    components: {
        Navbar
    },
    data() {
        return {};
    }
};
</script>